@import "./config.scss";
.login-logo {
  width: 360px;
  height: 180px;
  margin: 60px auto;

  text-align: center;
}
.m-service_box {
  padding-bottom: 180px;

  .skype-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 180px;
    background: #fff;
    margin-top: 10px;
    padding: 0 30px;
    .center-icon {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #00aff0;
      margin-right: 250px;
      .iconfont {
        font-size: 90px;
        color: #00aff0;
      }
      span {
        font-weight: 500;
        font-size: 32px;
        line-height: 1;
      }
    }
    .icon-arrow-right-s-line {
      font-size: 48px;
      color: $infoColor;
    }

    &:active {
      opacity: 0.7;
    }
  }

  // 问答框
  .answer-box {
    margin-top: 20px;

    .answer-item {
      background: #fff;
      padding: 0 30px;
      border-bottom: 1px solid $borderColor;
      .title-info {
        height: 80px;
        display: flex;
        align-items: center;
        em {
          display: block;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #eaeaea;
          color: #333;
          font-size: 26px;
          font-style: normal;
        }
        span {
          flex: 1;
          @include single;
          padding-left: 20px;
        }
        .iconfont {
          font-size: 32px;
          color: #999;
        }
      }

      .anwser-content {
        padding: 10px 30px 30px 60px;
      }
    }

    .active {
      .title-info > .iconfont {
        transform: rotate(90deg);
      }
    }
  }
}
